.container { //主容器

  background: #ececec none repeat scroll 0 0;

  width: 100%;

  height: 100%;

  display: flex;

  flex-direction: column;

  overflow: hidden;


  .header {

    flex:0 0 auto;

    height: 10%;

    width: 100%;

  }

  .middle {

    flex: 0 1 auto;

    height: auto;

  }

  .footer {

    flex:0 0 auto;

  }

}